<div id="conversation" class="conversation" data-bind="drop_file: $root.inputBar.on_drop_files">
  <!-- ko if: $root.conversationRepository.active_conversation() -->
    <!-- ko ifnot: $root.conversationRepository.active_conversation().is_loaded() -->
      <div class="conversation-loading">
        <div class="icon-spinner spin text-theme"></div>
      </div>
    <!-- /ko -->

    <!-- ko if: $root.conversationRepository.active_conversation().is_loaded() -->
      #include('content/conversation/title-bar.htm')
      #include('content/conversation/message-list.htm')
      #include('content/conversation/input-bar.htm')
      #include('modal/giphy.htm')
    <!-- /ko -->
  <!-- /ko -->
</div>
